<template>
  <div>
    <h1>Nested Router</h1>
    <ul class="nested-link-ul">
      <li><router-link to="/nested/page-a">PageA</router-link></li>
      <li><router-link to="/nested/page-b">PageB</router-link></li>
    </ul>

    <div>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>
.nested-link-ul a.router-link-exact-active {
  color: red;
}
</style>